<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>课程详情</title>
	</head>
	<body class="detail">
		<main class="main">
			<!-- 上面视频 -->
			<div class="vio">
				<div id="video">
					<img
						src="../../assets/images/cat.jpg"
						id="img"
						alt=""
					/>
				</div>

				<i class="iconfont zp-left"></i>
				<i class="iconfont zp-play"></i>
				<span>视频预览</span>
			</div>
			<!-- 中间文本 -->
			<section class="text">
				<div class="top">
					<h3 id="dk">巧克力腹肌雕刻</h3>
					<p>
						<span class="num carll">45</span>
						<span>千卡</span>
						<span class="num">15</span>
						<span>分钟</span>
						<span class="hh">99.99w人练过</span>
					</p>
				</div>
				<div class="foot">
					<div class="box">
						<img src="../../assets/images/dog.jpg" alt="" />
						<p>
							<span class="user">用户名</span> <br />
							<span class="three">三线达人课程设计师</span>
						</p>

						<div>+关注</div>
					</div>
					<p id="desc">
						15分钟将带你雕刻出性感的巧克力父级,
						对腹部进行全方位的刺激，泵感十足！型男必备! ... <span>更多</span>
					</p>
				</div>
				<div class="no">
					<div class="left">
						<i class="iconfont zp-dynamic"></i>
						<span>练习频次</span>
						<p>每周3-5次</p>
					</div>
					<div class="line"></div>
					<div class="right">
						<i class="iconfont zp-facility"></i>
						<span>器械</span>
						<p>无</p>
					</div>
				</div>
			</section>
			<button id="btn">开始训练</button>
		</main>
	</body>
</html>
